<input type="hidden" value="<?php echo $community->intID; ?>" id="community">	
<div class="navbar-fixed-top navbar sc-nav">
	<div class="navbar-inner">
		<div class="container" id="ss-bar">                  
		  <ul class="nav">			
			<li><a href="#home" id="home-trigger" class="scroll-to"><img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$logo; ?>"/></a></li>
			<li><a href="#articles" class="scroll-to">articles</a>
			<li><a href="#gallery" class="scroll-to">gallery</a>			
			<li><a href="#shows" class="scroll-to">shows</a>
			<li><a href="#events" class="scroll-to">events</a>			
			</li>			
		  </ul>		  
		  <ul class="nav pull-right">		   			
			<?php if($community->strFacebookPage != ""): ?>
				<li><a class="icon-social icon-fb" target="_blank" href="<?php echo $community->strFacebookPage; ?>"></a></li>
			<?php endif; ?>
			<?php if($community->strTwitterPage != ""): ?>
				<li><a class="icon-social icon-tw" target="_blank" href="<?php echo $community->strTwitterPage; ?>"></a></li>
			<?php endif; ?>
			<?php if($community->strGoogleplusPage != ""): ?>
				<li><a class="icon-social icon-gp" target="_blank" href="<?php echo $community->strGoogleplusPage; ?>"></a></li>
			<?php endif; ?>
			<?php echo $ptmenu; ?>
		  </ul>
		  <div class="pull-right nav-play">
			<a class="btn btn-danger btn-player" target=""  href="#"  onclick = "window.open('<?php echo base_url().'player/load_player/'.$community->strName;  ?>','Player','directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=650,height=400,left='+(screen.availWidth/2-350)+',top='+(screen.availHeight/2-250)+'');return false;" ><i class="icon-play icon-white"></i> Play Me</a>
		   </div>	
		</div>
	</div>
</div>	
	<div id="home" class="panel">
		<div class="panel-inner">
			<div class="panel-wrap">
				<div id="fimg-container">
					<div id="featuredCarousel" class="carousel slide">					  
					  <!-- Carousel items -->
					  <div class="carousel-inner">
						<?php 
							$ctr = 1;
							foreach($featured_images as $image ):?>
							<div class="item <?php echo ($ctr==1)?'active':''; ?>">
								<a href="#">
									<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($image['contentType']).'/'.$image['fk-tb_mas_content']; ?>" >
										<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$image['strPicture']; ?>"/>
									</a>
								</a>
							</div>
						<?php 
							$ctr++;
						endforeach; ?>						
					  </div>
					  <!-- Carousel nav -->					 
						  <?php if(count($featured_images) > 1): ?>
							  <a class="carousel-control left" href="#featuredCarousel" data-slide="prev">&lsaquo;</a>
							  <a class="carousel-control right" href="#featuredCarousel" data-slide="next">&rsaquo;</a>						  
						  <?php endif; ?>
					  </div>
					</div>
					
				</div>
			</div>
		</div>
	</div>		
	<div id="articles" class="panel">
		<div class="panel-inner">
			<div class="panel-wrap">
				<ul class="nav nav-list span2" id="articles-nav">			
					<li class="active"><a href="#news-tab" rel="#news-sub" class="select-atype">News</a></li>			
					<li><a href="#features-tab" rel="#features-sub" class="select-atype">Features</a></li>			
					<li><a href="#blogs-tab" rel="#blogs-sub" class="select-atype">Blogs</a></li>
					<li><a href="#reviews-tab" rel="#reviews-sub" class="select-atype">Reviews</a></li>			
				</ul>				
				<div class="span9">			
					<div id="news-tab" class="tab-item active-tab">
						<?php if(empty($content['news'])): ?>
								<h3>No News</h3>		
						<?php else: 
											
							foreach($content['news'] as $item):
						?>
							<div class="content-item">								
								<div class="span3 item-image">
									<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$item['strPicture']; ?>"/>
								</div>
								<div class="span3 item-text">
									<h4>
										<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($item['fk-tb_mas_content_types']).'/'.$item['intID']; ?>" >
											<?php echo $item['strTitle']; ?>
										</a>										
									</h4>
									<p>
										<?php echo $item['strSecondary']; ?>
									</p>
								</div>	
								<div class="clear"></div>	
							</div>					
						<?php endforeach; ?>
						<div class="clear"></div>
						<?php endif; ?>			
					</div>
					<?php if($content['news_count']>4): ?>
					
					<!-------------------------------------ARTICLE AJAX TRACKER--------------------------------------------------->
					<input type="hidden" value="1" id="news-current">
					<!------------------------------------------------------------------------------------------------------------>
					<div id="news-sub" class="sub-menu active-sub pager">
						<hr class="clear">	
						<a href="#" class="switch-button sb-left pull-left" rel="left-news">&lsaquo; Prev</a>
						<span id="news-pager" class="page-indicator">1 to <?php echo ($content['news_count']>4)?'4':$content['news_count'];  ?> of <?php echo $content['news_count'];  ?> news</span>
						<a href="#" class="switch-button sb-right pull-right" rel="right-news">Next &rsaquo; </a>		
						<div class="clear"></div>	
					</div>		
					<?php endif; ?>	
						
					<div id="features-tab" class="tab-item">
						
						<?php if(empty($content['features'])): ?>
								<h3>No Features</h3>		
						<?php else: 
							foreach($content['features'] as $item):
						?>
							<div class="content-item">								
								<div class="span3 item-image">
									<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$item['strPicture']; ?>"/>
								</div>
								<div class="span3 item-text">
									<h4>
										<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($item['fk-tb_mas_content_types']).'/'.$item['intID']; ?>" >
											<?php echo $item['strTitle']; ?>
										</a>
									</h4>
									<p>
										<?php echo $item['strSecondary']; ?>
									</p>
								</div>	
								<div class="clear"></div>	
							</div>					
						<?php endforeach; ?>
						<div class="clear"></div>
						<?php endif; ?>	
					</div>			
					
					<?php if($content['features_count']>4): ?>			
					<!-------------------------------------ARTICLE AJAX TRACKER--------------------------------------------------->
					<input type="hidden" value="1" id="features-current">
					<!------------------------------------------------------------------------------------------------------------>
					<li id="features-sub" class="sub-menu pager">
						<hr class="clear" />
						<a href="#" class="switch-button sb-left pull-left" rel="left-features">&lsaquo; Prev</a>
						<span id="features-pager" class="page-indicator">1 to <?php echo ($content['features_count']>4)?'4':$content['features_count'];  ?> of <?php echo $content['features_count'];  ?> features</span>
						<a href="#" class="switch-button sb-right pull-right" rel="right-features">Next &rsaquo; </a>						
						<div class="clear"></div>	
					</li>
					<?php endif; ?>						
					<div id="blogs-tab" class="tab-item">
							<?php if(empty($content['blogs'])): ?>
								<h3>No Blogs</h3>		
						<?php else: 
							foreach($content['blogs'] as $item):
						?>
							<div class="content-item">								
								<div class="span3 item-image">
									<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$item['strPicture']; ?>"/>
								</div>
								<div class="span3 item-text">
									<h4>
										<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($item['fk-tb_mas_content_types']).'/'.$item['intID']; ?>" >
											<?php echo $item['strTitle']; ?>
										</a>
									</h4>
									<p>
										<?php echo $item['strSecondary']; ?>
									</p>
								</div>	
								<div class="clear"></div>	
							</div>
						<?php endforeach; ?>
						<div class="clear"></div>
						<?php endif; ?>	
					</div>			
					<?php if($content['blogs_count']>4): ?>
					
					<!-------------------------------------ARTICLE AJAX TRACKER--------------------------------------------------->
					<input type="hidden" value="1" id="blogs-current">
					<!------------------------------------------------------------------------------------------------------------>
					<li id="blogs-sub" class="sub-menu pager">
						<hr class="clear" />
						<a href="#" class="switch-button sb-left pull-left" rel="left-blogs">&lsaquo; Prev</a>
						<span id="blogs-pager" class="page-indicator">1 to <?php echo ($content['blogs_count']>4)?'4':$content['blogs_count'];  ?> of <?php echo $content['blogs_count'];  ?> blogs</span>
						<a href="#" class="switch-button sb-right pull-right" rel="right-blogs">Next &rsaquo; </a>						
						<div class="clear"></div>
					</li>
					<?php endif; ?>					
					<div id="reviews-tab" class="tab-item">
						<?php if(empty($content['reviews'])): ?>
								<h3>No Reviews</h3>		
						<?php else: 
							foreach($content['reviews'] as $item):
						?>
							<div class="content-item">								
								<div class="span3 item-image">
									<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$item['strPicture']; ?>"/>
								</div>
								<div class="span3 item-text">
									<h4>
										<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($item['fk-tb_mas_content_types']).'/'.$item['intID']; ?>" >
											<?php echo $item['strTitle']; ?>
										</a>
									</h4>
									<p>
										<?php echo $item['strSecondary']; ?>
									</p>
								</div>	
								<div class="clear"></div>	
							</div>
							<div class="clear"></div>
						<?php endforeach; ?>
						<?php endif; ?>	
					</div>			
					<?php if($content['reviews_count']>4): ?>
					
					<!-------------------------------------ARTICLE AJAX TRACKER--------------------------------------------------->
					<input type="hidden" value="1" id="reviews-current">
					<!------------------------------------------------------------------------------------------------------------>
					<li id="reviews-sub" class="sub-menu pager">
						<hr class="clear" />
						<a href="#" class="switch-button sb-left pull-left" rel="left-reviews">&lsaquo; Prev</a>
						<span id="reviews-pager" class="page-indicator">1 to <?php echo ($content['reviews_count']>4)?'4':$content['reviews_count'];  ?> of <?php echo $content['reviews_count'];  ?> reviews</span>
						<a href="#" class="switch-button sb-right pull-right" rel="right-reviews">Next &rsaquo; </a>						
						<div class="clear"></div>
					</li>
					<?php endif; ?>		
				</div>
			</div>
		</div>	
	</div>	
	
	<!------------------------------------------------------------------GALLERIES------------------------------------>
	
	<div id="gallery" class="panel">		
		<div class="panel-inner">			
			<div class="panel-wrap">
					<?php if(empty($content['gallery'])): ?>
							<h3>No Galleries</h3>		
					<?php else: 
					?>
					<ul class='thumbnails'>						
					<?php				
						foreach($content['gallery'] as $item):
					?>
						<li class='span1'>
							<a href="#gallery-<?php echo $item['intID']; ?>" class="select-gitem">
								<img src="<?php echo base_url().THUMB_UPLOAD_DIR.$item['strPicture']; ?>" alt="galleries"/>					
							</a>
						</li>
					<?php endforeach; ?>
					<ul>
					
					<div class="span8">				
						<?php if(!empty($content['gallery'])):										
							$ctr = 1;
							foreach($content['gallery'] as $item):
						?>
						<div id="gallery-<?php echo $item['intID']; ?>" class="gtab-item <?php echo ($ctr == 1)?'active-tab':''; ?>">	
							<div class="gcontent-item">
								<div>
									<a class="modal-trigger" href="<?php echo base_url().'riceradio/content/'.get_type_name($item['fk-tb_mas_content_types']).'/'.$item['intID']; ?>" >
										<img src="<?php echo base_url().IMAGE_UPLOAD_DIR.$item['strPicture']; ?>"/>
									</a>
								</div>
								<div class="span4 item-text" >
									<h4><?php echo $item['strTitle']; ?></h4>								
								</div>
								<div class="clear"></div>	
							</div>					
						</div>
						
						<?php
							$ctr++;
							endforeach; ?>
						<?php endif; ?>			
					</div>
					<?php endif; ?>	
			</div>		
		</div>
	</div>	
	<!------------SHOWS------------------------------->
	<div id="shows" class="panel">
		<div class="panel-inner">			
			<div class="panel-wrap">
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius nibh eget nulla volutpat a dignissim tortor ullamcorper. Aenean congue gravida diam sit amet suscipit. Duis eget nisl eu purus egestas tincidunt eu dignissim est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sit amet magna sem, ac venenatis quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras enim eros, iaculis at ultricies ut, faucibus a nunc. Nullam porta mollis dui, at pulvinar dui convallis at. Etiam sit amet placerat metus.
					Praesent elit elit, aliquet ut mattis eu, tincidunt at elit. Quisque pharetra consequat mauris, eu molestie urna porta eu. Etiam sit amet eros quis magna venenatis tincidunt eu non leo. Sed magna sem, consectetur et scelerisque et, vestibulum at augue. Duis ut mollis leo. Integer in magna ipsum. Nullam pellentesque, nunc at varius feugiat, est leo iaculis erat, porttitor commodo justo metus quis elit. Phasellus eu lacus et justo vulputate tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
				</p>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<!------------Events------------------------------->
	<div id="events" class="panel">
		<div class="panel-inner">	
			<div class="panel-wrap">
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius nibh eget nulla volutpat a dignissim tortor ullamcorper. Aenean congue gravida diam sit amet suscipit. Duis eget nisl eu purus egestas tincidunt eu dignissim est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sit amet magna sem, ac venenatis quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras enim eros, iaculis at ultricies ut, faucibus a nunc. Nullam porta mollis dui, at pulvinar dui convallis at. Etiam sit amet placerat metus.
					Praesent elit elit, aliquet ut mattis eu, tincidunt at elit. Quisque pharetra consequat mauris, eu molestie urna porta eu. Etiam sit amet eros quis magna venenatis tincidunt eu non leo. Sed magna sem, consectetur et scelerisque et, vestibulum at augue. Duis ut mollis leo. Integer in magna ipsum. Nullam pellentesque, nunc at varius feugiat, est leo iaculis erat, porttitor commodo justo metus quis elit. Phasellus eu lacus et justo vulputate tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
				</p>		
			</div>
		</div>
	</div>	
</div>
				
 
<!-- Modal -->
<div id="modal" class="modal hide fade" style="width:1024px;left:30%;">
</div>